import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        {
            path: '/',
            name: 'home',
            component: HomeView,
        },
        {
            path: '/about',
            name: 'about',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/AboutView.vue'),
        },
        {
            path: '/print',
            name: 'print',
            redirect: '/print/add',
            children: [
                {
                    path: '/print/add',
                    name: 'print_add',
                    component: () => import('../views/print/AddView.vue'),
                },
            ],
        },
        {
            path: '/calcu',
            name: 'calcu',
            component: () => import('../views/CalculateView.vue'),
        },
        {
            path: '/tw',
            name: 'taiwu',
            component: () => import('../views/TaiwuView.vue'),
            children: [],
        },
        {
            path: '/tw/tech',
            name: 'taiwu_tech',
            component: () => import('../views/TaiwuTechView.vue'),
        },
        {
            path: '/grimdawn',
            name: 'grim_dawn',
            component: () => import('../views/GrimDawnView.vue'),
        },
    ],
})

export default router
